$(function () {
  $('button').click(function () {
    var html = '<div><input name= /></div>'
    console.log('msg')
  })
  var user = store.get('user') || {}
  var lists = $('#lists')
  list()
  $('form').submit(function (e) {
    var form = e.target
    store.set('username', form.name.value)
  })
  $('input').blur(function (e) {
    var el = e.target
    user[el.name] = el.value
    store.set('data', user)
  })

  $('textarea').blur(function (e) {
    $(this).removeClass('h68')
    var zks = e.target.value.replace(/\s/g, "").split('/')
    store.set('zks', zks)
  }).focus(function () {
    $(this).addClass('h68')
  })

  var all_zk = store.get('zks')
  console.log(all_zk)


  function list() {
    var zks = store.get('zks')
    $('textarea').val(zks.join('/'))
    zks.forEach(function (item) {
      append(item)
    })
  }

  function append(el) {
    lists.append('<div><b>'+el+'</b><input name="'+el+'"+ /> + - </div>')
  }
})


